@import 'variable';


.mmm_header{
  text-align: center;
  background-color: #F4483E;
  position: relative;
 .back{
   display: block;
   float:left;
   width: 60rem/@base;
   height: 60rem/@base;
   font-size:60rem/@base;
   color:#fff;
 }
 h2{
   position: absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   font-size:38rem/@base;
   color:#fff;
  }
 }

.mmm_nav{
  position: relative;
  overflow: hidden;
  background-color: #fff;
  ul{
    margin-right:78rem/@base;
    background-color: #fff;
    li{
      float:left;
      a{
        height: 78rem/@base;
        line-height: 78rem/@base;
        font-size:26rem/@base;
        margin:0 23rem/@base;
        border-bottom:4rem/@base solid transparent;
        display:block;
        &.now{
          color:#F4483E;
          border-bottom:4rem/@base solid #F4483E;
        }
      }
    }
  }
  .search{
    width: 78rem/@base;
    height: 78rem/@base;
    position: absolute;
    top:0;
    right:0;
  }
}

.mmm_items{
  .item{
    margin-top:10rem/@base;
    height: 300rem/@base;
    padding:18rem/@base 10rem/@base 22rem/@base 10rem/@base;
    background-color: #fff;
    img{
      width: 260rem/@base;
      height: 262rem/@base;
      float:left;
      margin-right:10rem/@base;
    }
    .right{
      overflow: hidden;
      p{
        font-size: 28rem/@base;
        line-height: 42rem/@base;
      }
      .price{
        color:#F4483E;
        font-size:42rem/@base;
        height: 64rem/@base;
        margin-top:30rem/@base;
        i{
          font-style:normal;
          font-size:33rem/@base;
        }
        em,del{
          font-style:normal;
          font-size: 22rem/@base;
        }
        del{
          color:#A4A0A2;
          margin-left:22rem/@base;
        }
      }
      .bar{
        line-height:28rem/@base;
        height: 30rem/@base;
        i{
          font-style:normal;
          // display: block;
          width: 163rem/@base;
          height: 28rem/@base;
          border-radius:14rem/@base;
          line-height: 29rem/@base;
          font-size:22rem/@base;
          font-weight:700;
          color:#fff;
          text-align: center;
          background-color: #FFB7B7;
          border:1px solid #F4483E;
          position: relative;
          float:left;
          // margin-right:22rem/@base;
          em{
            // display: block;
            width: 100%;
            height: 100%;
            border-radius:10rem/@base;
            background-color: #FC353A;
            float:left;
          }
          span{
            position: absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
          }
        }
        b{
          font-size:28rem/@base;
          float:left;
          margin-left:23rem/@base;
          color: #FC353A;
          font-weight:400;
        }
      }
      .link{
        height: 60rem/@base;
        margin-top:20rem/@base;
        .q{
          float:left;
          a{
            display:block;
            font-size:24rem/@base;
            color:#FC353A;
            height: 52rem/@base;
            line-height: 52rem/@base;
            width: 215rem/@base;
            text-align:center;
            border:1px dashed #FC353A
          }
        }
        .x{
          float:right;
          a{
            display: block;
            width: 118rem/@base;
            height: 60rem/@base;
            line-height: 60rem/@base;
            text-align: center;
            background-color: #FC353A;
            font-size:22rem/@base;
            color:#fff;
            border-radius:4rem/@base;
          }
        }
      }
    }
  }
}

.go_top{
  width: 70rem/@base;
  height: 70rem/@base;
  border-radius:35rem/@base;
  background-color: rgba(0,0,0,0.4);
  position:fixed;
  bottom:80rem/@base;
  right:15rem/@base;
  font-size:50rem/@base;
  color:#ccc;
  text-align: center;
}
        

   